How to draw a transparent circle in SVG?

To draw a transparent circle in svg you should use the command circle attribute fill=none like this:

What is a transparent font & how does it work?

Image via Creative Market. Why it works: As mentioned earlier, one of the core principles of transparency is contrast. This handwriting-inspired font uses varying levels of transparency within each letter; some parts of the letter are almost completely opaque while others are almost completely transparent.

What is transparency in graphic design?

Graphic created in Canva. Before we jump into how to use transparency in graphic design, let’s quickly cover what, exactly, transparency in graphic design is. Transparency is also sometimes referred to as opacity. Opacity has to do with how much light passes through an object.

How does opacity affect transparency?

Opacity has to do with how much light passes through an object. The lower the opacity—or the more light that can pass through an object—the lighter and more see-through it is. The higher the opacity—or the less light that can pass through said object—the more solid it is. So, in other words, the lower the opacity, the more transparent an object.